@import './base.scss';

$primary:#1baeae;
$orange: #FF6B01; 
$bc: #F7F7F7;
$fc:#fff;

// 背景图片地址和大小
@mixin bis($url){
    background-image: url(@url);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

// 圆角
@mixin borderRadius($radius){
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}

//1px底部边框
@mixin border-1px($color){
    position: relative;
    &:after{
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      border-top: 1px solid $color;
      content: '';
    }
}

//定位全屏
.allcover{
    position:absolute;
    top:0;
    right:0;
}
//定位上下左右居中
.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
//定位上下居中
.ct {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
//定位左右居中
.cl {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
//  宽高
@mixin wh($width, $height){
    width: $width;
    height: $height;
}
// 字体
@mixin sc($size, $color){
    width: $size;
    height: $color;
}
@mixin boxSizing{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
//flex 布局和 子元素 对其方式
@mixin fj($type: space-between){
    display: flex;
    justify-content: $type;
}